<template>
	<article class="card">
		<p>{{ id }}</p>
		<p>{{ description }}</p>
	</article>
</template>
<script>
export default{
	props: ["id","description"]	
}
</script>
<style scoped>
	.card{
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
		line-height: 2;
	}
	@media (max-width: 320px) {
		.card{
			background-color: blue;
		}
	}
</style>